<template>
	<div v-if="options && options">

		<template v-if="!options.type || options.type.length === 0">

			<el-tag v-if="$attrs.row[field] == '未支付'" type="danger" size="small">{{$attrs.row[field]}}</el-tag>
			<el-tag v-else-if="$attrs.row[field] == '已支付'" type="success" size="small">{{$attrs.row[field]}}</el-tag>

			<el-tag v-if="$attrs.row[field] == '已出'" type="danger" size="small">{{$attrs.row[field]}}</el-tag>
			<el-tag v-else-if="$attrs.row[field] == '未出'" type="success" size="small">{{$attrs.row[field]}}</el-tag>

			<el-tag v-else type="info" size="small">{{$attrs.row[field]}}</el-tag>
		</template>

		<template v-else>
			<el-tag v-for="item in options.type"
				v-if="item.value === $attrs.row[field] || item.label === $attrs.row[field]" :type="item.type"
				size="small" :key="item.id">{{item.label}}</el-tag>
		</template>

	</div>
</template>

<script>
	export default {
		name: "tag",
		props: {
			options: {
				value: Array,
				default () {
					return []
				}
			},
			field: {
				value: String,
				default () {
					return '';
				}
			},
			// type: {
			//   value: String,
			//   default() {
			//     return '';
			//   }
			// }
		},

	}
</script>

<style scoped>

</style>